<template>
	<div class="comments">
		<title-header :title="title"></title-header>
		<ul>
			<li>
				<img src="../../../logo.jpg" align="center"> XXXX 
				<p class="opacity">2018-03-04 颜色:991 蓝色 尺码:XL</p>
				<p>这个质量没得说</p>
			</li>
			<li>
				<img src="../../../logo.jpg" align="center"> XXXX 
				<p class="opacity">2018-03-04 颜色:991 蓝色 尺码:XL</p>
				<p>这个质量没得说</p>
			</li>
			<li>
				<img src="../../../logo.jpg" align="center"> XXXX 
				<p class="opacity">2018-03-04 颜色:991 蓝色 尺码:XL</p>
				<p>这个质量没得说</p>
			</li>
			<li>
				<img src="../../../logo.jpg" align="center"> XXXX 
				<p class="opacity">2018-03-04 颜色:991 蓝色 尺码:XL</p>
				<p>这个质量没得说</p>
			</li>
		
		</ul>

	</div>
</template>

<script>
import { Group, Cell } from 'vux'
import TitleHeader from '@/components/titleHeader.vue'

export default {
  components: {
    Group,
    Cell,
    TitleHeader
  },
  data() {
    return {
      title: '评论',
    }
  },
  methods: {

  }
}
</script>
<style scoped="scoped">
	.comments{width: 100%; line-height: 2rem;}
	.comments ul{width: 100%; list-style: none;}
	.comments ul li{width: 100%; background: red; background: white;margin-bottom: .8rem;padding: 1rem;}
	.comments ul li img{width: 2rem; height: 2rem; border-radius: 50%; }
	.opacity{font-size: 0.8rem; opacity: 0.8;}
</style>